<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>轮播图展示</title>
    <link rel="stylesheet" href="reset.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="import.css">
</head>
<body>
    <div class="wrapper">
        <!-- 轮播图的“大长幅” -->
        <ul class="successive clearfix" style="left:-550px">
            <li class="slid fl">
                <img src="images/image4.jpg">
            </li>
            <li class="slid fl">
                <img src="images/image1.jpg">
            </li>
            <li class="slid fl">
                <img src="images/image2.jpg">
            </li>
            <li class="slid fl">
                <img src="images/image3.jpg">
            </li>
            <li class="slid fl">
                <img src="images/image4.jpg">
            </li>
            <li class="slid fl">
                <img src="images/image1.jpg">
            </li>
        </ul>
        <!-- 图片两边的箭头 -->
        <div class="left-arrow fl iconfont">&#xe6a5;</div>
        <div class="right-arrow fr iconfont">&#xe658;</div>

        <!-- 图片下面的圆点按钮 -->
        <!-- <ul class="bar">
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
            <li class="dot"></li>
        </ul> -->



    <script src="movement.js"></script>

</body>
</html>